<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
*{margin:0;padding:0;border:0}body{font-family:arial,宋体,serif;font-size:12px}#nav{width:180px;line-height:24px;list-style-type:none;text-align:left}#nav a{width:160px;display:block;padding-left:20px}#nav li{background:#CCC;border-bottom:#FFF 1px solid;float:left}#nav li a:hover{font-weight:bold}#nav a:link{color:#666;text-decoration:none}#nav a:visited{color:#666;text-decoration:none}#nav li ul{list-style:none;text-align:left}#nav li ul li{background:#ebebeb}#nav li ul a{padding-left:10px;width:160px}#nav li:hover ul{left:auto}#nav li.sfhover ul{left:auto}#nav a.sfhover{color:#fff;text-decoration:none;font-weight:normal;background:#c00}#content{clear:left}#nav ul.collapsed{display:none}#PARENT{width:180px}*#PARENT{width:100%}
</style>
</head>
<body>
	<div id="PARENT">
		<ul id="nav">
			<li><a href="https://gitee.com/durcframework/jui" target="_blank">Git</a>
			<li><a href="../../doc/index.html" target="_blank">文档(doc)</a>
			</li>
			<li><a href="#Menu=ChildMenu2" onclick="DoMenu('ChildMenu2')">表格(Grid)</a>
				<ul id="ChildMenu2" class=expanded>
					<li><a href="grid/base.html" target="a2">基础表格</a></li>
					<li><a href="grid/style.html" target="a2">表格样式</a></li>
					<li><a href="grid/operate.html" target="a2">操作列</a></li>
					<li><a href="grid/sort.html" target="a2">排序</a></li>
					<li><a href="grid/formater.html" target="a2">单元格格式化</a></li>
					<li><a href="grid/page.html" target="a2">分页</a></li>
					<li><a href="grid/radio.html" target="a2">行单选</a></li>
					<li><a href="grid/checkbox.html" target="a2">行多选</a></li>
					<li><a href="grid/cacheCheck.html" target="a2">多选记忆</a></li>
					<li><a href="grid/rownumber.html" target="a2">行索引</a></li>
					<li><a href="grid/scroll.html" target="a2">滚动条</a></li>
					<li><a href="grid/width.html" target="a2">固定宽度</a></li>
					<li><a href="grid/autowidth.html" target="a2">自适应宽度</a></li>
					<li><a href="grid/nodata.html" target="a2">无数据</a></li>
					<li><a href="grid/multiGrid.html" target="a2">多表格</a></li>
					<li><a href="grid/event.html" target="a2">事件</a></li>
				</ul>
			</li>
			<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">表单(Form)</a>
                <ul id="ChildMenu1" class=expanded>
                    <li><a href="form/form.html" target="a2">表单</a></li>
                </ul>
            </li>
			<li><a href="#Menu=ChildMenu3" onclick="DoMenu('ChildMenu3')">窗体(Win)</a>
				<ul id="ChildMenu3" class=expanded>
					<li><a href="win/win.html" target="a2">基本窗体</a></li>
					<li><a href="win/winBtn.html" target="a2">窗体按钮</a></li>
					<li><a href="win/url.html" target="a2">远程加载</a></li>
					<li><a href="win/dialog.html" target="a2">Dialog</a></li>
					<li><a href="win/dialogform.html" target="a2">DialogForm</a></li>
					<li><a href="win/msg.html" target="a2">消息框</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<script type=text/javascript>
		var LastLeftID = "";
		var last;
		function menuFix() {
			var obj = document.getElementById("nav").getElementsByTagName("a");

			for (var i = 0; i < obj.length; i++) {
				obj[i].onmousedown = function() {
					if(this == last) {
						return;
					}
					this.className = "sfhover";
					if(last) {
						last.className = "";
					}
					last = this;
				}
			}
		}
		function DoMenu(emid) {
			var obj = document.getElementById(emid);
			obj.className = (obj.className.toLowerCase() == "expanded" ? "collapsed"
					: "expanded");
			if ((LastLeftID != "") && (emid != LastLeftID)) //关闭上一个Menu
			{
				document.getElementById(LastLeftID).className = "collapsed";
			}
			LastLeftID = emid;
		}
		function GetMenuID() {
			var MenuID = "";
			var _paramStr = new String(window.location.href);
			var _sharpPos = _paramStr.indexOf("#");

			if (_sharpPos >= 0 && _sharpPos < _paramStr.length - 1) {
				_paramStr = _paramStr
						.substring(_sharpPos + 1, _paramStr.length);
			} else {
				_paramStr = "";
			}

			if (_paramStr.length > 0) {
				var _paramArr = _paramStr.split("&");
				if (_paramArr.length > 0) {
					var _paramKeyVal = _paramArr[0].split("=");
					if (_paramKeyVal.length > 0) {
						MenuID = _paramKeyVal[1];
					}
				}
			}

			if (MenuID != "") {
				DoMenu(MenuID)
			}
		}
		GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果
		menuFix();
	</script>
</body>
</html>